<template>
	<view>
		<view class="multi-graph" v-if="value">
			<view v-for="(item, index) in value" :key="index" class="ad-item">
				<image @click="redirectTo(item.link)" :src="$util.img(item.path)" mode="widthFix"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'lrw-m_ad_s1',
		props: {
			value: {
				type: Array
			}
		},
		data() {
			return {};
		},
		created() {},
		methods: {
			redirectTo(link) {
				this.$emit('redirectTo', link);
			}
		}
	};
</script>

<style lang="scss" scoped>
	.multi-graph {
		display: flex;
		flex-direction: row;
	}

	.multi-graph .ad-item {
		width: 20%;
	}

	.multi-graph .ad-item image {
		width: 100%;
	}
</style>
